<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8"/>
	<title>ITArmy</title>

	<link rel="icon" type="image/x-icon" href="/static/images/logoIcon.icon">
	<!--<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" />-->
	<link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="/static/css/information.css"/>
	<link rel="stylesheet" href="/static/css/index.css"/>
	<script type="text/javascript" src="/static/js/jquery-3.4.0.js"></script>
	<script type="text/javascript" src="/static/js/informationComment.js"></script>
</head>
<body th:style="'background-color : ' + ${session.config.color1}">

<!--主页主体部分--><!--顶部导航部分-->
<div class="nav">
	<!--导航居中样式-->
	<div class="navCenter">
		<div class="navLeft">
			<!--logo-->
			<div class="logo">
				<a href="/user/index"><img src="/static/images/logo.png" ></a>
			</div>
			<!--主页-->
			<div class="mainPage"><a href="/user/index" style="color: black">首页</a></div>

			<!--左侧未登录导航-->
			<!--下载App-->
			<div class="download" th:if="${session.user==null}"><a href="">下载App</a></div>
			<!--下载App隐藏部分-->
			<div class="downloadHide">
				<img src="/static/images/QRCode.jpg">
			</div>
			<!--左侧登录后导航将下载App换为关注和消息部分-->
			<!--关注-->
			<div class="attention" th:if="${session.user!=null}"><a href="/focus/focusInformation">关注</a></div>
			<!--消息-->
			<div class="information" th:if="${session.user!=null}"><a href="/message/getCommentMessage" style="color: red">消息</a></div>
			<div th:if="${session.message.all!=0}" style="display: inline-block"><div class="informationIcon" th:text="${session.message.all}"></div></div>

			<!--搜索部分-->

			<div class="search">
				<form action="/serialize/selectBS" method="get">
					<input type="text" name="name" class="navInput"/>
					<button class="navBtn" type="submit"><i class="fa fa-search"></i></button>
				</form>
			</div>
		</div>

		<!--<a href="/user/sign">登录</a>-->
		<!--右侧导航-->
		<div class="navRight">
			<!--右侧未登录导航有登录注册部分-->
			<div class="signIn" th:if="${session.user==null}">
				<a href="/user/sign">登录</a>
			</div>

			<!--<ul>-->
			<!--<li><a th:if="${session.user==null}" href="/user/sign">登录</a></li>-->
			<!--<li><a th:if="${session.user!=null}" href="/user/loginOut">退出</a></li>-->
			<!--</ul>-->
			<div class="register" th:if="${session.user==null}"><a href="/user/registerPage">注册</a></div>
			<!--右侧已登录导航有个人信息图片部分-->
			<!--个人信息图片部分-->

			<div th:if="${session.user!=null}" class="myselfPic"><img th:src="${session.user.uHead}">
				<i class="fa fa-sort-down" id="myselfDown"></i>
				<i class="fa fa-sort-up" id="myselfUp"></i>
			</div>
			<!--登录后显示个人信息图片下拉菜单-->
			<ul class="myselfDownList" style="padding-left: 0;margin-top: 0">
				<a href="/user/PersonalPage">
					<li><i class="fa fa-user"></i> 个人中心</li>
				</a>
				<a href="/user/personalData">
					<li><i class="fa fa-drivers-license-o"></i> 我的资料</li>
				</a>
				<a href="/focus/focusInformation">
					<li><i class="fa fa-check-square-o"></i> 我的收藏</li>
				</a>
				<a href="/message/getCommentMessage">
					<li><i class="fa fa-group"></i> 我的消息</li>
				</a>
				<li class="loginOut" style="cursor: pointer"><i class="fa fa-reply-all"></i> 退出</li>
			</ul>
			<!--写文章按钮-->
			<a href="/test/editor">
				<div class="write">写文章</div>
			</a>

		</div>
	</div>
</div>

<div class="mainPageBody">

<!--消息版块内部内容部分-->
		<div class="newsContent">
			<!--左侧固定不动导航部分-->
			<div class="leftNav">
				<ul class="leftUl">
					<a href="/message/getCommentMessage">
						<li><i class="fa fa-comment-o"></i><span>评论</span>
						<div th:if="${session.message.systemNumber!=0}" style="display: inline-block"><div class="informationIcon" th:text="${session.message.commentNumber}"></div></div>
						</li>
					</a>
					<a href="/message/getPraiseMessage">
						<li><i class="fa fa-heart-o"></i><span>点赞</span>
						<div th:if="${session.message.systemNumber!=0}" style="display: inline-block"><div class="informationIcon" th:text="${session.message.praiseNumber}"></div></div>
						</li>
					</a>
					<a href="/message/getFocusMessage">
						<li><i class="fa fa-check-square-o"></i><span>关注</span>
						<div th:if="${session.message.systemNumber!=0}" style="display: inline-block"><div class="informationIcon" th:text="${session.message.focusNumber}"></div></div>
						</li>
					</a>
					<a href="/message/getOrderMessage">
						<li><i class="	fa fa-ellipsis-h"></i><span>系统消息</span>
						<div th:if="${session.message.systemNumber!=0}" style="display: inline-block"><div class="informationIcon" th:text="${session.message.systemNumber}"></div></div>
						</li>
					</a>
				</ul>
			</div>
			<!--右侧内容部分-->
			<div class="rightNews">
				<!--消息部分第三个分栏页面----关注部分-->
				<div class="rightfir" id="rightContent">
					<div class="title">
						<h4 id="title">我的关注</h4>
						<span>清空全部</span>
					</div>
					<div class="information1">
						<div class="comment" th:each="focusMessage:${focusMessage}">博主
							<span th:text="${focusMessage.user.uName}">xxxxx</span> 关注了你的文章 <i class="fa fa-trash"></i></div><br>
						<h2 class="text1" th:text="${focusMessage.user.uName}"><span th:text="${focusMessage.message.time}"></span></h2>
					</div>
				</div>
			</div>
		</div>
	</body>
<script type="text/javascript" src="/static/js/canves.js"></script>
</html>
